@font-face {
  font-family:'Droid Serif';
  font-style:normal;
  font-weight:normal;
  src:local('Droid Serif'),local('DroidSerif'),url('http://themes.googleusercontent.com/static/fonts/droidserif/v3/0AKsP294HTD-nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff') format('woff');
}

@font-face {
  font-family:'Ubuntu';
  font-style:normal;
  font-weight:normal;
  src:local('Ubuntu'),url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff') format('woff');
}

/* Animation */
@-webkit-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@-moz-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@-ms-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@-o-keyframes myfirst {0%{opacity:0}100%{opacity:1}}
@keyframes myfirst {0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes updown {0%{top:0}100%{top:-5px}}
@-moz-keyframes updown {0%{top:0}100%{top:-5px}}
@-ms-keyframes updown {0%{top:0}100%{top:-5px}}
@-o-keyframes updown {0%{top:0}100%{top:-5px}}
@keyframes updown {0%{top:0}100%{top:-5px}}

::selection {
  background-color:#0f666b;
  color:#333;
  text-shadow:none;
}

::-moz-selection {
  background-color:#0f666b;
  color:#333;
  text-shadow:none;
}

/* General */
#navbar-iframe,.hidden {display:none}
.friendly-hidden,
.accessible-hidden {
  position:absolute;
  top:-9999px;
  left:-9999px;
}

body {
  background-color:#bbb;
  text-align:center;
  font:normal normal small/1.5em Ubuntu,'Trebuchet MS',Verdana,Arial,Sans-Serif;
  color:#333;
  margin:0;
  padding:0;
}

/* hibernate mode!
#frameouter {padding:30px}
#frameouter:after {
content:"HIBERNASI";
display:block;
width:auto;
height:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-image:linear-gradient(top,rgba(0,0,0,.7),rgba(0,0,0,0));
font:bold 18px Arial,Sans-Serif;
color:#ccc;
padding:30px 5%;
z-index:999;
text-align:right;
} */

#out-shadow {
  position:relative;
  width:1250px;
  background-color:#ccc;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  box-shadow:0 0 2px rgba(0,0,0,.4),0 0 9px rgba(0,0,0,.4);
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
  margin:23px auto 20px;
}

#out-shadow:after {
  content:"";
  display:table;
  clear:both;
}

/* Header */
#header-wrapper {
  background-color:#333;
  color:white;
  border-bottom:10px solid #ccc;
  text-align:left;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
  padding:8px 0 18px;
}

#header {margin:0 15px}

#header h1 {
  font:normal normal 215% Georgia,Times,Serif;
  text-shadow:1px 1px 0 black;
  margin:0;
  padding:10px 30px 5px;
  position:absolute;
  top:-9999px;
  left:-9999px;
}

#header a,
#header a:visited {color:white}

#header .description {
  font:normal normal 100%/1.5em 'Droid Serif',Cambria,Georgia,Serif;
  color:#999;
  padding:5px 30px 0;
}

#header-logo {
  position:relative;
  width:84px;
  height:35px;
  display:block;
  margin:10px 30px 5px;
}

#header-logo span,
#header-logo span:before,
#header-logo span:after {
  content:"";
  position:absolute;
  display:block;
}

#header-logo .char-d {
  width:auto;
  border:4px solid white;
  top:0;
  bottom:0;
  left:-6px;
}

#header-logo .char-d:before {
  border:2px solid transparent;
  top:-7px;
  right:-7px;
  border-color:#333 #333 transparent transparent;
}

#header-logo .char-t {
  width:8px;
  top:0;
  bottom:0;
  left:8px;
  border-bottom:5px solid white;
  border-left:7px solid white;
  border-right:7px solid white;
  border-radius:0 7px 7px 0;
}

#header-logo .char-t:before {
  width:5px;
  height:0;
  border-top:7px solid white;
  top:0;
  left:0;
}

#header-logo .char-e {
  width:7px;
  border:7px solid white;
  border-style:solid none solid solid;
  border-width:7px medium 7px 7px;
  top:0;
  bottom:0;
  left:35px;
}

#header-logo .char-e:before {
  width:7px;
  border-top:7px solid white;
  top:7px;
  left:0;
}

#header-logo .char-symb {
  display:block;
  width:35px;
  height:30px;
  border:3px solid #5498C9;
  border-bottom-color:#5498C9;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  top:0;
  bottom:0;
  left:60px;
  -webkit-transition:all 2s ease-in-out;
  -moz-transition:all 2s ease-in-out;
  -ms-transition:all 2s ease-in-out;
  -o-transition:all 2s ease-in-out;
  transition:all 2s ease-in-out;
}

#header-logo .char-symb:before {
  display:block;
  width:20px;
  height:20px;
  border:2px solid transparent;
  border-bottom-color:white;
  border-left-color:white;
  -webkit-border-radius:40px;
  -moz-border-radius:40px;
  border-radius:40px;
  -webkit-transform:rotate(-42deg);
  -moz-transform:rotate(-42deg);
  -ms-transform:rotate(-42deg);
  -o-transform:rotate(-42deg);
  transform:rotate(-42deg);
  bottom:5px;
  left:6px;
  top:3px;
}

#header-logo .char-symb:after {
  content:&quot;&quot;;
  width:8px;
  height:8px;
  background-color:white;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:20px;
  top:5px;
  left:5px;
}

#header-logo .char-symb span {
  content:&quot;&quot;;
  width:8px;
  height:8px;
  background-color:white;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  top:5px;
  left:auto;
  right:5px;
}

#header-logo:hover .char-symb {
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  -o-transform:rotate(360deg);
  transform:rotate(360deg);
  width:35px;
  height:35px;
  border-color:#ED1C24;
  -webkit-animation:updown .2s infinite alternate .5s;
  -moz-animation:updown .2s infinite alternate .5s;
  -ms-animation:updown .2s infinite alternate .5s;
  -o-animation:updown .2s infinite alternate .5s;
  animation:updown .2s infinite alternate .5s;
}

#header-logo:hover .char-symb:after {
 background-color:#5498C9;
}

#header-logo:hover .char-symb:before {
  border-bottom-color:#5498C9;
  border-left-color:transparent;
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transform:rotate(0deg);
}
#header-logo:hover .char-symb span {
  background-color:#5498C9;
}

@-webkit-keyframes updown {0%{top:0}100%{top:-5px}}
@-moz-keyframes updown {0%{top:0}100%{top:-5px}}
@-ms-keyframes updown {0%{top:0}100%{top:-5px}}
@-o-keyframes updown {0%{top:0}100%{top:-5px}}
@keyframes updown {0%{top:0}100%{top:-5px}}

/* Main Nav */
#taufik {background-color:#333}

#taufik ul,
#taufik li {
  margin:0;
  padding:0;
  list-style:none;
  height:35px;
}

#taufik li {
  float:left;
  display:inline;
  text-shadow:1px 1px 2px #444;
  position:relative;
  height:auto;
}

#taufik a {
  color:#aaa;
  display:block;
  line-height:35px;
  border-left:1px solid #444;
  border-right:1px solid #222;
  text-align:center;
  text-decoration:none;
  padding:0 25px;
}

#taufik li.depan a {border-left:none}

#taufik li ul {
  background-color:#333;
  height:auto;
  border:0;
  position:absolute;
  top:100%;
  left:0;
  width:225px;
  z-index:88;
  -webkit-box-shadow:0 1px 5px #222;
  -moz-box-shadow:0 1px 5px #222;
  box-shadow:0 1px 5px #222;
  display:none;
}

#taufik li li {
  float:none;
  display:block;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
}

#taufik li ul a {
  display:block;
  height:33px;
  font-size:12px;
  font-style:normal;
  text-align:left;
  margin:0;
  padding:0 10px 0 15px;
}

#taufik li a:hover,
#taufik li:hover > a {
  color:#666;
}

#taufik li:hover ul.hidden {display:block}

/* Search Form */
#cse-search-box {
  position:absolute;
  top:15px;
  right:17px;
  z-index:10;
  vertical-align:top;
  text-align:right;
  width:165px;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
}

input.searchfield,
input.black {
  background-color:#444 !important;
  font:normal normal small 'Ubuntu','Trebuchet MS',Arial,Sans-Serif;
  color:#f10c0c;
  width:145px;
  outline:none;
  text-align:left;
  -webkit-box-shadow:inset 0 0 2px #333;
  -moz-box-shadow:inset 0 0 2px #333;
  box-shadow:inset 0 0 2px #333;
  border:1px solid #444;
  border-color:#222 #444 #444 #222;
  padding:1px 2px;
}

input.searchfield:focus {
  width:160px;
  color:white;
  background-color:#F3A01E !important;
  -webkit-box-shadow:0 0 2px white,0 0 30px white;
  -moz-box-shadow:0 0 2px white,0 0 30px white;
  box-shadow:0 0 2px white,0 0 30px white;
  border-color:white !important;
}

/* Main Column */
#main-wrapper {
  margin:0 0 0 1%;
  width:67%;
  float:left;
  text-align:left;
  display:inline;
  word-wrap:break-word;
  overflow:hidden;
  background-color:white;
  background-image:-webkit-linear-gradient(top,#dedede,white 100px);
  background-image:-moz-linear-gradient(top,#dedede,white 100px);
  background-image:-ms-linear-gradient(top,#dedede,white 100px);
  background-image:-o-linear-gradient(top,#dedede,white 100px);
  background-image:linear-gradient(top,#dedede,white 100px);
  border:2px solid #888;
  font-size:97%;
  line-height:1.5em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:10px 0;
}

/* Sidebar */
.sidebar h2 {
  text-transform:uppercase;
  line-height:1.5em;
  font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;
  margin:0;
  padding:0 0 .2em;
}

.sidebar ul {
  list-style:none;
  border-top:1px solid #222;
  border-bottom:1px solid #444;
  margin:0 0 1.25em;
  padding:0;
}

.sidebar ul li {
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  line-height:1.4em;
  margin:0;
  padding:3px 10px;
}

.sidebar p {
  margin:0 0 .6em;
}

#sidebar-wrapper {
  margin:0 1% 0 0;
  width:28.8%;
  float:right;
  text-align:left;
  background-color:#333;
  font-size:99%;
  border:4px solid #ddd;
  color:#666;
  -webkit-box-shadow:inset 0 0 5px black;
  -moz-box-shadow:inset 0 0 5px black;
  box-shadow:inset 0 0 5px black;
  display:inline;
  word-wrap:break-word;
  overflow:hidden;
  position:relative;
  right:-2px;
  padding:0;
}

#sidebar-wrapper .widget {
  font-size:97%;
  line-height:1.5em;
  margin:0;
}

#sidebar-wrapper .widget-content {
  margin:0;
  padding:10px;
}

#sidebar-wrapper h2 {
  cursor:pointer;
  line-height:1.5em;
  color:#bbb;
  text-shadow:0 1px 0 black;
  background-color:#333;
  background-image:-webkit-linear-gradient(top,#333,#3c3c3c);
  background-image:-moz-linear-gradient(top,#333,#3c3c3c);
  background-image:-ms-linear-gradient(top,#333,#3c3c3c);
  background-image:-o-linear-gradient(top,#333,#3c3c3c);
  background-image:linear-gradient(top,#333,#3c3c3c);
  font:normal bold 12px 'Trebuchet MS',Arial,Sans-Serif;
  border:none;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
  margin:0;
  padding:5px 10px 4px;
}

#sidebar-wrapper h2.headactive {
  background-image:-webkit-linear-gradient(top,#3c3c3c,#333);
  background-image:-moz-linear-gradient(top,#3c3c3c,#333);
  background-image:-ms-linear-gradient(top,#3c3c3c,#333);
  background-image:-o-linear-gradient(top,#3c3c3c,#333);
  background-image:linear-gradient(top,#3c3c3c,#333);
  -webkit-box-shadow:0 1px 3px black;
  -moz-box-shadow:0 1px 3px black;
  box-shadow:0 1px 3px black;
  border-color:#555 transparent #222;
}

#sidebar-wrapper a {
  color:#999;
  text-decoration:none;
  text-shadow:0 1px 0 black;
  -webkit-transition:all .26s ease-out;
  -moz-transition:all .26s ease-out;
  -ms-transition:all .26s ease-out;
  -o-transition:all .26s ease-out;
  transition:all .26s ease-out;
}

#sidebar-wrapper a:visited {color:#555}
#sidebar-wrapper a:hover,
#sidebar-wrapper a:visited:hover {
  color:white;
  text-decoration:none;
}

#loadingtext {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#loadingtext span {
  display:inline;
  background-color:#900;
  padding:5px 10px 7px;
  font:bold 11px/24px Arial,Sans-Serif;
  color:white;
}

#loadingtext iframe {
  position:absolute;
  top:0;
  left:50%;
  margin-left:-33px !important;
}

#alert-box {
  position:fixed !important;
  position:absolute;
  top:50px;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#alert-box .message {
  background-color:#174A87;
  border:10px solid #0A2E58;
  padding:20px;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color:white;
  width:370px;
  margin:0 auto;
  text-align:left;
}

#alert-box .button-group {
  margin:15px auto 0;
  text-align:center;
}

#alert-box button {
  border:none !important;
  margin:0 2px;
  padding:5px 10px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

iframe,.netral,.emo {
  border:none;
  background:transparent;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  padding:0;
}

.jsfiddle-demo {
  display:block;
  width:99%;
  height:300px;
  border:2px solid #4474A5;
  margin:0 auto;
}

/* Footer */
#footer .widget {
  padding:20px 0 0;
  font-size:85%;
  line-height:1.5em;
  text-align:left;
  margin:.5em;
}

#onderrok {
  clear:both;
  text-align:left;
  font-family:'Droid Serif',Cambria,Georgia,Serif;
  color:#999;
  background-color:#333;
  border-top:10px solid #ccc;
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
  padding:15px 15px 8px;
}

#onderrok a:link,
#onderrok a:visited {color:white}

#onderrok .blog-dir {
  opacity:0;
  overflow:hidden;
  -webkit-transition:opacity .4s ease-out;
  -moz-transition:opacity .4s ease-out;
  -ms-transition:opacity .4s ease-out;
  -o-transition:opacity .4s ease-out;
  transition:opacity .4s ease-out;
  margin:0 10px;
}

#onderrok .oktroi {overflow:hidden}

#onderrok:hover .blog-dir {opacity:1}

/* In loading... */
.init #main-wrapper {
  -webkit-animation:myfirst 1s;
  -moz-animation:myfirst 1s;
  -ms-animation:myfirst 1s;
  -o-animation:myfirst 1s;
  animation:myfirst 1s;
}

.init h2,
.init h3,
.init #sidebar-wrapper,
.init #iklan-wrapper {
  -webkit-animation:myfirst 2s;
  -moz-animation:myfirst 2s;
  -ms-animation:myfirst 2s;
  -o-animation:myfirst 2s;
  animation:myfirst 2s;
}

#page-loader {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#010101;
  z-index:9999;
  text-align:center;
  width:100%;
  height:100%;
  padding:70px 0 0;
  display:none;
}

#frame1 {
  position:absolute;
  top:50px;
  left:50%;
  z-index:1000;
  width:450px;
  height:365px;
  margin-left:-225px;
  background-color:white;
  border:2px solid #39f;
}

a.atribusiform {
  position:absolute;
  top:10px;
  left:15px;
  z-index:-1;
}

/* Status Panel */
#status {
  cursor:help;
  display:block;
  position:absolute;
  background-color:#DC4236;
  font:normal normal 12px Arial,Sans-Serif;
  color:white;
  text-decoration:none;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
  text-align:right;
  padding:7px 12px 7px 10px;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,.4);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
  -webkit-border-radius:0 5px 5px 0;
  -moz-border-radius:0 5px 5px 0;
  border-radius:0 5px 5px 0;
  top:54px;
  left:-4px;
  z-index:8;
  -webkit-transition:top .5s ease-in-out;
  -moz-transition:top .5s ease-in-out;
  -ms-transition:top .5s ease-in-out;
  -o-transition:top .5s ease-in-out;
  transition:top .5s ease-in-out;
  overflow:hidden;
  display:none;
}

#status a {
  color:white;
  text-decoration:none;
  text-shadow:0 -1px 0 rgba(0,0,0,.4);
}

#status a:hover {text-decoration:underline}

#status strong {
  cursor:pointer;
  float:right;
  width:16px;
  text-align:center;
  background-color:#8B271F;
  font-weight:normal !important;
  font-size:10px;
  line-height:16px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
  transition:all .5s ease-in-out;
}

#status h2 {
  font:normal bold 12px Arial,Sans-Serif;
  color:white;
  background-image:-webkit-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-moz-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-ms-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:-o-linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  background-image:linear-gradient(left,rgba(0,0,0,.2),rgba(0,0,0,0));
  margin:0 0 10px;
  padding:5px 10px;
}

#pengumuman {
  clear:both;
  position:relative;
  top:-12px;
  left:-10px;
  margin:0 10px 0;
  padding:0 0;
  width:300px;
  height:300px;
  text-align:left;
  display:none;
}

#status .widget,
#status .widget-content {
  width:auto;
  margin:0 0;
  padding:0 0;
}

#status:hover strong {
  -webkit-transform:rotate(-720deg);
  -moz-transform:rotate(-720deg);
  -ms-transform:rotate(-720deg);
  -o-transform:rotate(-720deg);
  transform:rotate(-720deg);
}

/* 'Top' Link */
#gotop {
  display:block;
  cursor:pointer;
  position:fixed !important;
  position:absolute;
  bottom:-40px;
  right:-40px;
  z-index:999;
  background-color:#067BAF;
  background-image:-webkit-radial-gradient(top,#2493C4,#086A95);
  background-image:-moz-radial-gradient(top,#2493C4,#086A95);
  background-image:-ms-radial-gradient(top,#2493C4,#086A95);
  background-image:-o-radial-gradient(top,#2493C4,#086A95);
  background-image:radial-gradient(top,#2493C4,#086A95);
  -webkit-border-radius:10px 0 0 0;
  -moz-border-radius:10px 0 0 0;
  border-radius:10px 0 0 0;
  border:1px solid #144F69;
  width:30px;
  height:30px;
  overflow:hidden;
  text-indent:-9999px;
  -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
  box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;
}

#gotop:after {
  content:"";
  display:block;
  width:0;
  height:0;
  border-width:10px 4px;
  border-style:solid;
  border-color:transparent transparent #C3D1D7 transparent;
  position:absolute;
  top:0;
  left:11px;
}

#gotop:focus {outline:none}
#gotop:hover:after {border-bottom-color:white}

#gotop:active {
  background-image:-webkit-linear-gradient(top,#144F69,#2493C4);
  background-image:-moz-linear-gradient(top,#144F69,#2493C4);
  background-image:-ms-linear-gradient(top,#144F69,#2493C4);
  background-image:-o-linear-gradient(top,#144F69,#2493C4);
  background-image:linear-gradient(top,#144F69,#2493C4);
}

/* Media Queries */
@media screen and (max-width:1250px) {
	#out-shadow {width:100%}
}

@media screen and (max-width:1024px) {
	#out-shadow {
	  width:99%;
	  margin-left:.5%;
	  margin-right:.5%;
	}
	#top-ribbon {
	  right:24%;
	}
}

@media screen and (max-width:860px) {
	body {
	  -webkit-animation:myfirst .5s;
	  -moz-animation:myfirst .5s;
	  -ms-animation:myfirst .5s;
	  -o-animation:myfirst .5s;
	  animation:myfirst .5s;
	  overflow-x:hidden !important;
	}
	#main-wrapper,
	#about .col.left,
	#about .col.right {
	  float:none !important;
	  display:block;
	  width:auto;
	  margin:0 1% 10px;
	}
	#sidebar-wrapper,
	#iklan-wrapper {margin:0 1% 0}
	#sidebar-wrapper {
	  float:left;
	  display:inline;
	  width:46%;
	  right:0;
	}
	#iklan-wrapper {
	  display:block;
	  float:none !important;
	  width:98%;
	  margin:0 1% 10px;
	  padding:5px 0;
	}
	#iklan1 {margin:0 5px}
	.sidebarbox {
	  display:inline;
	  float:right;
	  width:48%;
	  margin:10px 1% 0 0;
	  border:4px solid #ddd;
	}
	.alaihumcrumb span.kanan {display:none}
	#top-ribbon {
	  right:-140px;
	}
	#header-wrapper h1 {
	  display:block;
	  font-size:25px;
	}
	#iklan-b-wrapper {
	  text-align:center;
	  margin:0 0;
	}
	img.iklan-banner {
	  margin:0 0;
	  width:auto;
	  max-width:92.88%;
	}
	.addthis_toolbox {
	  clear:both;
	  width:96%;
	  height:24px;
	  margin:7px 2% 5px;
	}
	.addthis_toolbox a.subscribe {
	  float:right;
	  clear:right;
	  top:0;
	  padding:3px 7px;
	  line-height:normal;
	}
	#subscribeform {width:190px}
	#subscribeform input.email-input {width:150px}
}

@media screen and (max-width:580px) {
	h2 {font-size:16px}
	h3 {font-size:12px}
	h4,h5,h6 {font-size:11px}
	#out-shadow {
	  width:100%;
	  margin:0 0 30px 0;
	}
	#header-wrapper {
	  min-height:20px;
	  height:auto !important;
	  height:20px;
	}
	#status {
	  position:fixed !important;
	  position:absolute;
	  top:4px;
	  z-index:1200;
	}
	#cse-search-box {
	  position:fixed !important;
	  position:absolute;
	  height:auto;
	  background:#333;
	  width:96%;
	  top:0;
	  left:0;
	  z-index:1000;
	  padding:10px 2% 10px;
	  border-bottom:2px solid #aaa;
	  -webkit-box-shadow:0 0 2px black;
	  -moz-box-shadow:0 0 2px black;
	  box-shadow:0 0 2px black;
	}
	input.searchfield {margin:0 0 0 0}
	.post-outer {
	  display:block !important;
	  float:none !important;
	  width:auto !important;
	}
	.post {
	  -webkit-box-shadow:none;
	  -moz-box-shadow:none;
	  box-shadow:none;
	}
	#taufik {
	  height:25px;
	  font-size:10px;
	}
	#taufik a {
	  line-height:25px;
	  padding:0 15px;
	}
	#taufik li ul a {
	  height:23px;
	  font-size:10px;
	  padding:0 7px 0 10px;
	}
	html {-webkit-text-size-adjust:none}
	.oktroi span[style] {display:none}
	#top-ribbon {margin-top:42px}
	#sidebar-wrapper,
	#iklan-wrapper,
	.sidebarbox,
	#iklan-bottom .container {
	  float:none !important;
	  display:block;
	  width:auto;
	}
	#iklan-wrapper {margin:0 1.5% 10px}
	.sidebarbox {margin:10px 1% 0}
	#iklan-bottom .container.left,
	#iklan-bottom .container.right {
	  width:96%;
	  margin-top:10px;
	}
	.alignleft,
	.alignright {
	  float:none;
	  display:block;
	  margin:0 0 15px;
	}
	#header-wrapper h1,
	#header-wrapper .description,
	#header-logo,
	.alaihumcrumb,
	.post-body ins#aswift_0_anchor,
	.inline-ad .snippet-outer {display:none !important}
}

@media screen and (max-width:480px) {
	#out-shadow {
	  width:100%;
	  margin:0 auto 20px;
	}
}

.clear {clear:both}